Vivado HLS in a Nutshell
本文将详细介绍Vivado HLS的配置、入门及优化方法，包括各类pragma及库函数，同时给出大量参考资料供查阅。C-HLS可以简单理解为C/C++语言的扩展，即提供了一些硬件编译指示，从而使得高层的规范(specification)可以被映射到RTL层级的电路描述。快速入门C/C++中的设施与硬件设施有如下对应。C/C++...
2024-01-10
vue网络请求方案原生网络请求和js网络请求库
一、 原生网络请求1. XMLHttpRequest（w3c标准） // 没有promise时的产物当时的万物皆回调，太麻烦2. Fetch // html5提供的对象，基于promise 因为promise的存在，为了简化网络请求。使用 Fetch - Web API 接口参考 | MDNFetch是新的ajax解决方案 Fetch会返回Promise对象。fetch不是ajax的进一步封装，而是原生js，没...
2024-01-10
【JS】vue与jquey
vue与jqueyjQuery是使用选择器（$）选取DOM对象，对其进行赋值、取值、事件绑定等操作，其实和原生的HTML的区别只在于可以更方便的选取和操作DOM对象，而数据和界面是在一起的。比如需要获取label标签的内容：$("lable").val();,它还是依赖DOM元素的值。 Vue则是通过Vue对象将数据和View完全分离开来了。对...
2024-01-10
vue+js实现视频淡入淡出效果
vue+js实现视频的淡入淡出，供大家参考，具体内容如下一个简单的视频淡入淡出效果如图小编直接上代码了有兴趣可以拷贝运行一下，谢谢<template> <div class="video-css"> <div class="videocss" ref="videodom" style="background-color:black;"> <video width="100%" ref="play" style="opacity: 1" :src="videoSrc2"></video> ...
2024-01-10
js节流防抖应用场景,以及在vue中节流防抖的具体实现操作
故事背景：项目有个需求是输入框在输入的时候进行搜索，展示下拉数据，但是没必要输入一个字都进行搜索，所以想到了在输入结束200毫秒后再进行搜索，从而引出来了 js的节流(throttle)，防抖（debounce），在网上想找个现成的用下，但是好多都不对，于是就自己搞了。先看看概念函数防抖(debounce)...
2024-01-10
vue3导入js文件，浏览器控制台报错？
报错信息：get-page-title.js:1 Uncaught SyntaxError: The requested module '/src/settings.js' does not provide an export named 'default' (at get-page-title.js:1:8)代码片段import defaultSettings from '@/settings...
2024-03-10
js上传文件的完整写法(本地用的是vue的环境)
js上传文件的完整写法(本地用的是vue的环境)1.在项目中经常会用到需要上传头像,附件的地方,那么我们如何进行上传呢,今天跟大家分享一下,来自项目中的一些上传文件的个人总结2.首先我们需要在页面中使用一个 input 按钮,并将它的type属性设置为’file’,关于上传按钮美化的操作,我已经在上一篇博客...
2024-01-10
vue解决sockjs报错
打开node_modules -》 sockjs_client -》 dist -》 sockjs.js 找到1606行左右，将self.xhr.send(payload);注释掉一般开发的时候不要注释掉，打包的时候再注释，因为注释掉以后就不能热加载了 ...
2024-01-10
vue jsx方式渲染问题
父组件 hello.js 子组件不管怎么调用父组件传通过props传过来的render 都会报vue.runtime.esm.js?2b0e:1888 ReferenceError: h is not defined已经测试过的代码// 1.第一种， 这种方式需要在父组件内接受一个 “h”作为参数，其实并不想接受这个参数，因为父组件render直接返回的是一个 节点形式比如<div></div>const Vnode = Vu...
2024-01-10vue/js，如何将下面的代码简洁化？
let resultText;if(msgData.data === 0){ resultText = "苹果" }if(msgData.data === 1){ resultText = "香蕉" }if(msgData.data === 2){ resultText = "梨子" }如上所示，小弟先谢谢各位大神的解答！回答：const fruits=...
2024-03-08
如何在vue中使用svg
1、安装依赖npm install svg-sprite-loader --save-dev2、在config文件中配置 const path = require('path'); function resolve(dir) { return path.join(__dirname, dir) } chainWebpack(config) { // set svg-sprite-loader config.module .rule('svg') .exclu...
2024-01-10
路由 — Vue.js
1.官方路由对于大多数单页面应用，都推荐使用官方支持的 vue-router 库。1.1 入门<!DOCTYPE html><html> <head> <meta charset="utf-8"> <style> .router-link-active { color: red; } </style> <script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></s...
2024-01-10
Vue.js（11）：路由
Vue.js 路由允许我们通过不同的 URL 访问不同的内容。 通过 Vue.js 可以实现多视图的单页Web应用（single page web application，SPA）。 Vue.js 路由需要载入 vue-router 库 中文文档地址：vue-router文档。 一、安装 1、直接下载 / CDN https://unpkg.com/vue-router/dist/vue-router.js2、NPM推荐使用淘宝镜像：cnpm install vue-router二...
2024-01-10
vue.js入门
使用vue的流程el：挂载点（就是通过标签或者属性选择器选中vue对象操纵的作用域，在项目中最好使用id选择器）注意：vue会管理选项命中的元素及内部的后代元素；可以使用其他的双标签，不能使用html和bodydata：数据对象总结：操作类（属性名.属性值名）操作数组（属性名【索引】）v-text设...
2024-01-10
vue.js 获取标签属性值
方法一： <div id="app"> <button @click="getData($event,\'100\')">点我</button></div>methods : { getData(e,num) { console.log(num); // 输出 100 }}方法二：<div id="app"> <button data-num="100" ref="dataNum" @click="getData($event)">点我</button></div>me...
2024-01-10
vue.js实现简单的计算器功能
使用vue.js来编写一个简单的计算器，供大家参考，具体内容如下效果如图所示：是一个十分简单的计算器，包含了加减乘除，不是用原生js写的，而是用vue.js写的html：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="app"> <input type="text" v-model="n1" /> <select v-model="opt"> <optio...
2024-01-10Vue.js如何实现路由懒加载浅析
前言懒加载也就是延迟加载，不知道大家在工作中有没有发现，当你的SPA（单页应用程序）变得复杂时，打包构建后的Javascript包会变得非常大，以至于严重影响页面的加载时间。幸运的是：vue-router支持WebPack内置的异步模块加载系统。所以，那些使用较少的路由组件不必打包进bundles里，只需要在路由...
2024-01-10详解打造 Vue.js 可复用组件
Vue.js 是一套构建用户界面的渐进式框架。我们可以使用简单的 API 来实现响应式的数据绑定和组合的视图组件。从维护视图到维护数据，Vue.js 让我们快速地开发应用。但随着业务代码日益庞大，组件也越来越多，组件逻辑耦合严重，使代码维护变得十分困难。同时，Vue.js 的接口和语法十分自由，实...
2024-01-10
vue.js 使用技巧总结
前言写 vue 有很长一段时间了 , 在使用过程中会遇到各种场景的挑战 , 本文记录了我在使用 vue 中发现的一些好的实践，希望能够帮助到大家。vue.js 使用技巧覆盖 element-ui 样式只覆盖某个组件内的 element-ui 样式，而不影响全局。命名空间由于 element-ui 的样式我们是在全局引入的，所以你想在...
2024-01-10
Vue.js（九）
Vuex：响应式多组件共享变量Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。安装：npm install vuex --save使用： 引入：import Vuex from 'vuex' 安装插件：Vue.use(Vuex) const store = new Vuex.Store({ //共享变量 state: { //Vue.prototype.$store.state.counter ...
2024-01-10
Vue.js经典开源项目汇总
Vue.js经典开源项目汇总Vue是什么？Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。...
2024-01-10
vue(七)
给文件夹取别名通过import导入的时候可以直接应用别名而通过非import的方式引入的时候，要在别名前面加一个"~"PromisePromise是ES6的新增内容通过setTimeout模拟异步请求一秒钟后打印Hello WorldPromise的简单体会通过promise可以将回调地狱转化为链式编程，结构更清晰，代码更优雅Promise讲解Promise的三...
2024-01-10
vue开发小结
1，组件中使用camelCased（驼峰式）命名，在html中应改为kebab-case（短横线）命名方式。2，自定义组件的v-model使用一个组件上的 v-model 默认会利用名为 value 的 prop 和名为 input 的事件，但是像单选框、复选框等类型的输入控件可能会将 value 特性用于不同的目的。model 选项可以用来避免这样的冲突...
2024-01-10
vue进阶知识点
一、listeners2.4.0 新增这两个是不常用属性,但是高级用法很常见;1.场景如果父传子有很多值那么在子组件需要定义多个解决attrs获取子传父中未在 props 定义的值// 父组件<home title="这是标题" width="80" height="80" imgUrl="imgUrl"/>// 子组件mounted() { console.log(this.$attrs) //{title: "这是标题", width: "80", height: "80", imgU...
2024-01-10
vue实现触底查询功能
本文实例为大家分享了vue实现触底查询功能的具体代码，供大家参考，具体内容如下1.使用vant-list组件相关内容如下：2.对象绑定值的默认值：3.查询方法：完整代码：methods: { getdata() { let status=3; this.queryParams.params={ status:status, passFactory: this.$store.state.user.werksName } ...
2024-01-10
vue随笔
启动vue项目1.npm install 2.npm run dev界面的实现界面的本质是一个个的 vue 项目，存储地址是 /src/components 。打开这个目录我们可以看到项目初始给的 HelloWorld.vue 。可以清晰地看到项目分为三段结构：第一段是 <template> ，决定了网页的布局；第二段是 <script>, 存储着网页内部的数据和方法；第三段是 <styl...
2024-01-10
vue各种实例集合
注意：以下所有示例基于vue 2.x、Vuex 2.x、vm.$mount()-挂载：<body> <div id="a"> </div></body> <script> var A = Vue.extend({ template: \'<p>123</p>\' }); /*// 自动挂载 new A({ el: \'#a\' });*/ var a = new A(); a.$mount(\'#a\')//...
2024-01-10
vue注意内容
ref 是被用来给元素或子组件注册引用信息的。引用信息将会注册在父组件的 $refs 对象上。一、1、如果ref用在子组件上，指向的是组件实例，可以理解为对子组件的索引，通过$ref可能获取到在子组件里定义的属性和方法。2、 如果ref在普通的 DOM 元素上使用，引用指向的就是 DOM 元素，通过$ref可能获...
2024-01-10
vue实现购物车列表
本文实例为大家分享了vue实现购物车列表的具体代码，供大家参考，具体内容如下功能：删除单选 全选增加数量 减少数量计算总价 计算数量搜索 代码：<!DOCTYPE html><!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="./js/vue.js"></script> </head> <body> <div id="app"> 筛选：<input type="...
2024-01-10
